{extend name="public/base" /}
{block name="title"}{$sysInfo.webname}{/block}
{block name="keywords"}{$sysInfo.keywords}{/block}
{block name="description"}{$sysInfo.descript}{/block}
{block name="ogtitle"}<meta property="og:title" content="{$sysInfo.webtitle}" />{/block}
{block name="ogdescription"}<meta property="og:description" content="{$sysInfo.descript}" />{/block}
{block name="ogimage"}<meta property="og:image" content="{$Request.domain}{$sysInfo.logo}" />{/block}
{block name="meta"}
	<!-- SEO优化 -->
	<meta name="Copyright" content="{$sysInfo.webname}">
	<meta property="og:type" content="website"/>
	<meta property="og:image" content=""/>
{/block}
{block name="column"}{include file="/public/column" /}{/block}

{block name="content"}
<div class="layui-container article-content">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8">
      <div class="fly-panel" style="margin-bottom: 0;">
	  
	    {include file="public/filter" /}
        <ul class="fly-list">
		    {article:list}
          <li>
            <a href="{article:user name='link' /}" class="fly-avatar">
              <img src="{article:author_avatar /}" alt="{article:author /}">
            </a>
            <h2><a href="{article:url /}">{article:title}</a></h2>
            <div class="fly-list-info">
              {if config('taoler.config.cate_show') == 1}
              <a class="layui-badge">{:cookie('think_lang') == 'en-us' ? $art.cate.ename : $art.cate.catename}</a>
              {/if}
                <a href="{article:user name='link' /}" link>
              <cite>{article:author /}</cite>
              <i>{article:time /}</i>
              </a>
              {eq name="article.has_image" value="1"} '<span><i class="layui-icon layui-icon-picture" style="color: #5FB878;"></i></span>'{/eq}
              {eq name="article.has_video" value="1"} '<span><i class="layui-icon layui-icon-play" style="color: #FF5722;"></i></span>'{/eq}
              {eq name="article.has_audio" value="1"} '<span><i class="layui-icon layui-icon-speaker" style="color: #000000;"></i></span>'{/eq}
              
              <span class="layui-hide-xs" title="浏览"><i class="iconfont" title="浏览">&#xe60b;</i> {article:pv /}</span>
              {eq name="article.flags.is_wait" value="1"}<span class="layui-badge fly-badge-accept layui-hide-xs">{:lang('end')}</span>{/eq}
              <span class="fly-list-nums"><i class="iconfont icon-pinglun1" title="回答"></i> {article:comments_num /}</span>
            </div>
            <div class="fly-list-badge">
              {eq name="article.flags.is_good" value="1"}
            <i class="layui-icon layui-icon-fire layui-hide-md" style="font-size: 20px; color: #FF5722;"></i>
            <span class="layui-badge layui-bg-red layui-hide-xs">{:lang('hot')}</span>
            {/eq}
            </div>
          </li>
          {/article:list}	
        </ul>
		<div style="text-align: center" id="pages"></div>
      </div>
    </div>
    <div class="layui-col-md4">
        <!--列表广告图片位-->
    </div>
  </div>
</div>
{include file="public/menu" /}
{/block}
{block name="script"}
<script>
    layui.use(['laypage'], function(){
	  	var laypage = layui.laypage;
	  
	  	//执行一个laypage实例
		  laypage.render({
			elem: 'pages' //注意，这里的 test1 是 ID，不用加 # 号
			,count: "{$__LISTS__.total}" //数据总数，从服务端得到
			,groups: 1
			,limit: "{$__LISTS__['per_page']}"
			,curr : "{$__LISTS__['current_page']}"
			,first: false
    		,last: false
			,groups: 5
			,layout: ['prev', 'page','next','count', 'skip']
			//获取起始页
			,jump: function(obj, first){
				//首次不执行
				if(!first){
					window.location.href = '{$path}/'+obj.curr+'.html'; //跳转
				}
			}
	  	})
	});
</script>
{/block}